<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8>
    <title>Akkadian language resources</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href=glyph.css rel=stylesheet>
    <script src=glyph.js></script>
  </head>
  <body>
    <h1>Akkadian</h1>
    <div id=cuneiform></div>
    <div>
      <label>Transliteration: <input type=text name=transliteration></label>
    </div>
    <div class=space></div>
    <hr>
    <footer>
      <p>Using signs from Huehnergard through Lesson 14
         (Some Lesson 13 logograms missing).</p>
      <p><a href="https://notabug.org/rillian/akkad">source code</a></p>
      <p><a href="http://www.unicode.org/charts/PDF/U12000.pdf">unicode cuneiform</a></p>
    </footer>
    <script>
      // Update the cuneiform whenever the input changes.
      var input = document.querySelector('input');
      input.addEventListener('input', function(event)  {
        var cuneiform = convert(event.target.value);
        document.querySelector('#cuneiform').textContent = cuneiform;
      });
      // Handle any preloaded transliteration text.
      input.dispatchEvent(new Event('input'));
    </script>
  </body>
</html>
